<style scoped>
    .ivu-timeline-item{
        padding:0 !important;
    }
</style>
<template>
    <div>
        <Timeline>
            <TimelineItem v-for="(item,index) in detailList" :key="index"><div>{{item.city||'--'}},{{item.state||'--'}},{{item.country||'--'}},{{item.status||'--'}},{{item.statusDetail||'--'}}</div>
            <div>{{item.datetime||'--'}}</div></TimelineItem>
        </Timeline>
    </div>
</template>

<script>
export default {
    props:['trackDetail'],
    data(){
        return {
            detailList:[],
        }
    },
    created(){
        console.log(JSON.parse(this.trackDetail))
        this.detailList = JSON.parse(this.trackDetail)
        // JSON.parse()
    },
    methods:{

    },
}
</script>